html,body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
.container-fluid {
	max-width: 100%;
}

/* 超小屏幕（手机，小于 768px） *** 小屏幕（平板，大于等于 768px）  */
@media all and (max-width: 992px) {
	
	
	/*课程名称&&课程基本信息*/
	.stu-course-info-title {
		height: 4rem;
	}
	
	.link-intro {
		display: none;
	}
	.stu-list-phone {
		height: 4rem;
		line-height: 4rem;
		text-align: center;
		font-size: 1.6rem;
		color: #EEEEEE;
	}
	.stu-course-courseName {
		display: block;
		text-align: center;
		height:4rem;
		line-height: 4rem;
		color:#fff;
		font-size: 1.6rem;
		font-weight:400;
	}
	.stu-course-className {
		display: none;
	}
	.stu-course-courseInfo {
		display: none;
	}
	/*课堂、任务、资源、成绩、评论、答疑----导航列表*/
	.stu-course-info-list {
		position: absolute;
		top: 0;
		left: 0.5rem;
		display: none;
		width: 40%;
		font-size: 1.6rem;
		text-align: center;
		background-color: #eee;
		z-index: 9999;
	}
	.stu-course-info-list li {
		height: 2.8rem;
		line-height: 2.8rem;
		width: 100%;
		color: #000000;
		border-bottom: 1px solid #E2E2E2;
		border-right: 1px solid #E2E2E2;
		border-left: 1px solid #E2E2E2;
	}
	/*课堂、任务、资源、成绩、评论、答疑----内容*/
	.stu-course-info-con {
		
	}
	/*分页*/

	
	/*课堂列表*/
	.theory-lab-title {
		height:2.5rem;
		line-height:2.5rem;
		margin-top:0.5rem;
		border:1px solid #e6e6e6;
		font-weight:bold;
		font-size: 1.5rem;
	}
	.theory-lab-title li {
		height:2.5rem;
		line-height:2.5rem;
		float:left;
		margin-left:1rem;
		color:#4d555d;
		cursor:pointer;
	}
	.theory-lab-title .get-theory {
		color:#00b43c;
	}
	.theory-lab-title li:hover {
		color:#00b43c;
	}
	.lab-list {
		display:none;
	}
	.theory-list li,.lab-list li {
		color:#787d82;
		overflow:hidden;
		height:3.5rem;
		line-height:3.5rem;
		font-size: 1.6rem;
		background-color:#f3f5f7;
		border-radius:0.5rem;
		padding-left:2rem;
		margin-top:1rem;
		cursor:pointer;
	}
	.theory-list li .classType,.lab-list li .classType {
		margin-right:3rem;
		float:right;
	}
	.theory-list li:hover,.lab-list li:hover {
		background-color:#14191e;
		color:#edf1f2;
	}
	
	
	/*教师、助教信息，课程简介*/
	.stu-course-info-intro {
		display: none;
	}
	.stu-course-info-intro .intro-title {
		width:90%;
		height:5rem;
		margin-left: 5%;
		line-height:5rem;
		font-size:2.5rem;
		border-bottom:1px solid #adc2c2;
		color:#666;
		text-align:center;
	}
	.intro-teach-assi {
		color: #14191e;
	}
	.intro-teach-assi ul {
		padding-left: 2rem;
		margin-top: 1rem;
	}
	.intro-teach-assi ul li {
		height:2rem;
		line-height: 2rem;
		font-weight: bold;
		font-size: 1.5rem;
	}
	.intro-teach-assi .teacher,.teacher-qq,.teacher-phone,.assistant,.assi-qq,.assi-phone {
		color: #4d555d;
	}
	.intro-content {
		line-height: 2.3rem;
		font-size: 1.4rem;
		padding-top:1rem;
		padding-left:2rem;
		padding-right:2rem;
		color:#4d555d;
	}
}

/* 中等屏幕（桌面显示器，大于等于 992px）  ****  大屏幕（大桌面显示器，大于等于 1200px） */
@media all and (min-width: 992px) {
	
	.navbar-header {
		display: none;
	}
	/*课程名称&&课程基本信息*/
	.stu-course-info-title {
		height: 17rem;
	}
	
	.link-intro {
		height: 3rem;
		line-height: 3rem;
		font-size: 1.5rem;
		color:#999999;
		margin-left:6rem;
	}
	.link-intro a {
		text-decoration: none;
		color:rgba(255,255,255,0.5);
	}
	.link-intro a:hover {
		text-decoration: none;
		color:#fff;
	}
	.stu-list-phone {
		display: none;
	}
	.stu-course-courseName {
		float:left;
		height:4rem;
		margin-left: 5%;
		margin-top: 1.5rem;
		color:#fff;
		font-size: 4rem;
		font-weight:700;
	}
	.stu-course-className {
		float:left;
		margin-top: 2.5rem;
		height:3rem;
		color:#fff;
		font-size: 3rem;
		font-weight:400;
	}
	.stu-course-info-list .course-intro-phone {
		display: none;
	}
	.stu-course-courseInfo {
		display: block;
	}
	.stu-course-courseInfo ul {
		padding-left:5%;
	}
	.stu-course-courseInfo ul li {
		float:left;
		width:12rem;
		text-align:center;
	}
	.stu-course-courseInfo ul li .ctitle {
		width:100%;
		height:2rem;
		line-height:2rem;
		font-size:1.4rem;
		padding-left:2rem;
		margin-top:2.5rem;
		color: #fff;
		opacity:0.5;
	}
	.stu-course-courseInfo ul li .time,.credit,.sumWeek,.has-theory,.has-lab {
		width:100%;
		height:2rem;
		line-height:2rem;
		font-size:1.8rem;
		padding-left:2rem;
		color: #fff;
		opacity:0.7;
	}
	/*课堂、任务、资源、成绩、评论、答疑----导航列表*/
	.stu-course-info-list {
		height: 5rem;
		margin-left:6rem;
		margin-right:6rem;
		margin-top: 2rem;
		line-height: 5rem;
		font-size: 2rem;
		text-align: center;
		background-color: #eee;
	}
	.stu-course-info-list .stu-course-class {
		color:#00b43c;
	}
	.stu-course-info-list li {
		float: left;
		height: 2.8rem;
		width: 10%;
		color: #000000;
		cursor: pointer;
	}
	.stu-course-info-list li:hover {
		text-decoration: none;
		color:#00b43c;
	}
	/*课堂、任务、资源、成绩、评论、答疑----内容*/
	.stu-course-info-con {
		
	}
	/*课堂列表*/
	.theory-lab-title {
		height:3.5rem;
		line-height:3.5rem;
		margin-left:6rem;
		margin-right:6rem;
		margin-top:2.5rem;
		border:1px solid #e6e6e6;
		font-weight:bold;
		font-size: 1.6rem;
	}
	.theory-lab-title li {
		height:3.5rem;
		line-height:3.5rem;
		float:left;
		margin-left:2rem;
		color:#4d555d;
		cursor:pointer;
	}
	.theory-lab-title .get-theory {
		color:#00b43c;
	}
	.theory-lab-title li:hover {
		color:#00b43c;
	}
	.theory-list {
		margin-left:8rem;
		margin-right:6rem;
	}
	.lab-list {
		display:none;
		margin-left:8rem;
		margin-right:6rem;
	}
	.theory-list li,.lab-list li {
		color:#787d82;
		overflow:hidden;
		height:3.5rem;
		line-height:3.5rem;
		font-size: 1.6rem;
		background-color:#f3f5f7;
		border-radius:0.5rem;
		padding-left:2rem;
		margin-top:1rem;
		cursor:pointer;
	}
	.theory-list li .classType,.lab-list li .classType {
		margin-right:3rem;
		float:right;
	}
	.theory-list li:hover,.lab-list li:hover {
		background-color:#14191e;
		color:#edf1f2;
	}
	
	
	/*教师、助教信息，课程简介*/
	.stu-course-info-intro {
		background-color: #edf1f2;
		margin-top: 2rem;
	}
	.stu-course-info-intro .intro-title {
		width:90%;
		height:5rem;
		margin-left: 5%;
		line-height:5rem;
		font-size:2.5rem;
		border-bottom:1px solid #adc2c2;
		color:#666;
		text-align:center;
	}
	.intro-teach-assi {
		color: #14191e;
	}
	.intro-teach-assi ul {
		padding-left: 2rem;
		margin-top: 1rem;
	}
	.intro-teach-assi ul li {
		height:2rem;
		line-height: 2rem;
		font-weight: bold;
		font-size: 1.5rem;
	}
	.intro-teach-assi .teacher,.teacher-qq,.teacher-phone,.assistant,.assi-qq,.assi-phone {
		color: #4d555d;
	}
	.intro-content {
		line-height: 2.3rem;
		font-size: 1.4rem;
		padding-top:1rem;
		padding-left:2rem;
		padding-right:2rem;
		color:#4d555d;
	}
	
}